<template>
    <div class="nodataBody">
        <div class="inner">
            <img src="./images/404bg.jpg" alt="" class="bg404">
            <p class="sorryText">很抱歉，你来晚了一步，它已经任性的消失了... <br/>你要坚强些，继续发掘别的页面去吧</p>
            <div class="operation">
                <a @click="returns" href="javascript:void(0);">返回上一页</a>
                <router-link to="/homepage">首页</router-link>
            </div>
        </div>
    </div>
</template>

<style lang="less">
    .nodataBody {
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: relative;
        .inner {
            width: 603px;
            position: absolute;
            left: 50%;
            top: 46%;
            transform: translate(-50%, -50%);
            .bg404 {
                width: 100%;
            }
            .sorryText {
                color: #666;
                line-height: 24px;
                margin-top: 23px;
                padding-left: 60px;
            }
            .operation {
                padding-left: 60px;
                margin-top: 23px;
                a {
                    display: inline-block;
                    height: 30px;
                    line-height: 28px;
                    border: 1px solid #0db4b9;
                    border-radius: 4px;
                    text-align: center;
                    color: #0db4b9;
                    font-size: 14px;
                    padding: 0 10px;
                    margin-right: 10px;
                }
            }
        }
    }
</style>

<script>
    export default {
        name: 'nodatapage',
        methods: {
            returns() {
                history.go(-1)
            }
        },
    }
</script>
